CSS transform
code:css
transform: value;
このプロパティに none 以外の値が設定されていると、スタッキングコンテキスト が作成されます。この場合、オブジェクトは、このオブジェクトを含む position: fixed 要素のための包含ブロックとして扱われます。 /icons/hr.icon
transform 3D関連
code: css
transform-style: flat | preserve-3d;
要素を2D(flat)で表示するか、3Dで表示するかを決める。
継承されないことに注意
このプロパティつけるとスタック文脈できるような動きがしたりなかったりでほんとよくわからん
transform-styleをつけた子要素の表示がどうなるかを決定する？
How Nesting 3D Transformed Elements Works
(which tells the browser whether the 3D transformed children of a 3D transformed element should keep their own 3D transforms or not) （これは、3D変換された要素の3D変形された子要素が独自の3D変換を保持するかどうかをブラウザに通知します）
code:css
perspective-origin: value;
CSS の perspective-origin プロパティは、閲覧者が見ている位置を決めます。これは perspective プロパティによって消失点として使われます。
/icons/hr.icon
参考
Learn CSS3 From A - Z: 3D Transformations:
X/Y/Xへの理解が深まる
CSSだけで作る3D表現入門
2012年だけど、matrixあたりがすごい参考になる。今もその仕様かどうかは未確認
CSS Transforms についてのメモ
アイソメ図の書き方参考